<!DOCTYPE html>
<html lang="zh_CN" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head th:include="/common/head :: commonHead">
</head>
<link th:href="@{/css/jquery.edittable.min.css}" rel="stylesheet">
<style>

    .file-list {
        height: 125px;
        display: none;
        list-style-type: none;
    }

    .file-list img {
        max-width: 70px;
        vertical-align: middle;
    }

    .file-list .file-item {
        margin-bottom: 10px;
        float: left;
        margin-left: 20px;
    }


    .file-list .file-item .file-del {
        display: block;
        margin-left: 20px;
        margin-top: 5px;
        cursor: pointer;
    }

    .flex-container9 {
        -webkit-justify-content: center;
        justify-content: center;
    }

    .flex-container {
        display: -webkit-flex;
        display: flex;
        margin: 0 auto;
    }

    .flex-item {
        margin: 10px;
    }

    #introduction img{

    }

</style>


<body>

<section id="container" class="">

    <div th:include="/common/common::commonPassword"></div>
    <div th:include="/common/common::commonNavigationBar"></div>
    <section id="main-content">
        <section class="wrapper">
            <div class="row">
                <div class="col-sm-12">
                    <section class="panel">
                        <div class="col-sm-12">
                            <div class="panel-body">
                                <div class="col-sm-4" style="display: flex;">
                                    <div class="col-sm-4">
                                        <label class="control-label" style="font-size: 20px;">买手名称：</label>
                                    </div>
                                    <div class="col-sm-8">
                                        <input id="queryName" class="form-control" placeholder="请输入买手名称"/>
                                    </div>
                                </div>
                                <div class="col-sm-4" style="display: flex;">
                                    <div class="col-sm-4">
                                        <label class="control-label" style="font-size: 20px;">手机号码：</label>
                                    </div>
                                    <div class="col-sm-8">
                                        <input id="queryPhone" class="form-control" placeholder="请输入手机号码"/>
                                    </div>
                                </div>
                                <div class="col-sm-4" style="display: flex;">
                                    <div class="col-sm-4">
                                        <label class="control-label" style="font-size: 20px;">买手状态：</label>
                                    </div>
                                    <div class="col-sm-8">
                                        <select id="queryStatus" class="form-control">
                                            <option value="" selected>请选择</option>
                                            <option value="1">待审核</option>
                                            <option value="2">已审核</option>
                                            <option value="3">已驳回</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-12">
                            <div class="panel-body">
                                <div class="col-sm-4" style="display: flex;">
                                    <div class="col-sm-4">
                                        <label class="control-label" style="font-size: 20px;">注册时间：</label>
                                    </div>
                                    <div class="col-sm-8">
                                        <input id="queryDate" type="text" class=" form-control" placeholder="请选择时间"/>
                                    </div>
                                </div>
                                <div class="col-sm-4" style="display: flex;">
                                    <input type='button' value='搜索' id='query' class='btn btn-info'  onclick='query()'/>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <!-- bootstrapTable -->
                            <div class="col-sm-12">
                                <div class="panel-body">
                                    <!-- 工具栏 -->
                                    <div id="toolbar">
                                        <a href="#" id="batchAgreeBuyer">批量审核</a>
                                        <a href="#" id="batchRejectBuyer">批量驳回</a>
                                    </div>
                                    <table id="dataGrid">
                                    </table>

                                </div>
                            </div>
                        </div>
                    </section>
                </div>
            </div>
        </section>
    </section>
    <!--main content end-->
</section>


<div class="modal fade" id="infoModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document" style="width: 60%;">
        <div class="modal-content">
            <div class="modal-header">
                <h7>买手详情</h7>
            </div>
            <div class="modal-body">
                <input type="hidden" id="buyerId"/>
                <div class="col-sm-12" style="height: 50px;">
                    <span class="col-sm-6">买手名称：<span id="name"></span></span>
                    <span class="col-sm-6">手机号码：<span id="mobile"></span></span>
                </div>
                <div class="col-sm-12" style="height: 50px;">
                    <span class="col-sm-6">邮箱地址：<span id="email"></span></span>
                    <span class="col-sm-6">公司名称：<span id="company"></span></span>
                </div>
                <div class="col-sm-12" style="height: 100px;">
                    <span class="col-sm-6">价格区间：<span id="price"></span></span>
                    <span class="col-sm-2">营业执照：</span>
                    <div class="col-sm-4" style="width: 150px;" id="business">

                    </div>
                </div>
                <div class="col-sm-12" style="height: 100px;">
                    <span class="col-sm-1">简介:</span>
                    <span class="col-sm-11" id="introduction"></span>
                </div>
                <div class="col-sm-12" style="height:100px;">
                    <span class="col-sm-2" style="width: 100px;">店铺照：</span>
                    <div class="col-sm-10" id="pic">
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <div class="flex-item" id="status">
                </div>
                <button type="button"  class="btn btn-default" data-dismiss="modal"/>关闭
            </div>
        </div>
    </div>
</div>


<div th:include="/common/common::commonPasswordModal"></div>

<span th:include="/common/buttom :: commonOnLoadJs"></span>
<script type="text/javascript" th:src="@{/js/ots/examineBuyer.js}"></script>
<script>

</script>

</body>
</html>
